<template>
 <router-link to="map" append>
  <div class="map">
    <div class="map-left">
       <div class="map-left-desc">
           <span>上海</span>
           <span class="span">酒店地址</span>

       </div>
       <div class="map-left-address">
         东莞市南城街道
       </div>
    </div>
    
    <div class="map-right">
        <div class="right-desc">地图</div>
        <div class="right-icon">></div>
    </div>
  </div>
  </router-link>
</template>

<script>
//	引入组件
	
		
//	定义输出组件name
export default {
  name: 'detailMap',
//注册组件


  

}
</script>


<style scoped>
.map{
    height: 75px;
    background-color: #fff;
}
.map-left{
    float: left;
    width: 80%;
}
.map-left-desc{
      margin-left: 10px;margin-bottom: 10px;margin-top: 10px;
      font-weight: bold;
     
}
.map-left-address{
   
    padding: 10px;
    color: #aaa;
}

.map-right{
    float: right;
    width: 20%;
    text-align: center;
    position: relative;
}
.right-desc{
    position: absolute;
    top: 30px;
    right: 30px;
    color: #aaa;
}
.right-icon{
    position: absolute;
    top: 30px;
    right: 10px;
}
.span{
     border:1px solid #000;
     color: #aaa;
}
</style>
